<template>
  <el-steps class="no-circle-steps" :active="active" simple>
    <el-step title="01、选择商品类目" />
    <el-step title="02、编辑商品信息" />
    <el-step title="03、编辑商品详情" />
  </el-steps>
  <!-- <div class="bg-[#F9F9F9] font-bold">商品分类</div> -->
  shopPinia.入驻信息:{{ shopPinia.入驻信息 }}
  <div class="shop-step-title el-bg">商品类别</div>
  <!-- FEATURE 样式 -->
  <div class="">选择平台分类（仅展示已签约分类）：</div>
  <!-- TODO:三级选择,单选 -->
  <category-select />
</template>

<script setup>
  import { ref, onMounted } from 'vue'
  import categorySelect from './商品分类选择框.vue'
  const active = ref(1)

  const store = localStoragePinia()
  const shopPinia = useShopPinia()
  onMounted(async () => {
    await shopPinia.B端店铺获取自身店铺信息Api()
  })
</script>

<style lang="scss" scoped>
  .no-circle-steps .el-step.is-simple .el-step__head.is-simple {
    display: none !important;
  }
  .no-circle-steps .el-step.is-simple .el-step__title {
    margin-left: 0 !important;
  }
</style>
